body {
  margin: 0;
  padding: 0;
  --main-color: #FFD04B;
  --main-innner-color: #FFD04B20;

  .main {
    color: var(--main-color);
  }

}

.el-main {
  tbody {
    .chocolate {
      .cell {
        color: chocolate;
      }
    }
  }

  .el-form--inline .el-form-item {
    margin-right: 16px
  }

  .el-select {
    min-width: 140px;
  }

  .el-date-editor--daterange, .el-date-editor--timerange {
    --el-date-editor-daterange-width: 220px;
  }

  .el-pagination {
    margin-top: 24px;
  }

}

.el-dropdown-menu {
  --el-dropdown-menuItem-hover-color: var(--main-color);
  --el-dropdown-menuItem-hover-fill: var(--main-innner-color);

  .active {
    background-color: var(--el-dropdown-menuItem-hover-fill);
    color: var(--el-dropdown-menuItem-hover-color);
  }
}

.el-dialog.form {
  --el-dialog-width: 600px;
  --el-dialog-padding-primary: 30px;

  .el-dialog__header {
    --el-dialog-padding-primary: 16px;
  }

  .el-dialog__headerbtn {
    height: 74px;
    width: 70px;
  }

  .el-dialog__body {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .el-dialog__body > *:not(:last-child) {
    margin-bottom: 16px;
  }
}

.el-card {
  .wallet {
    display: flex;
    align-items: center;
    --el-card-padding: 12px;

    .el-avatar {
      --el-avatar-bg-color: white;
    }

    .el-space {
      margin-left: 12px;
      width: 160px;
    }

    &:hover {
      cursor: pointer;
    }
  }

}

span {
  &.success {
    color: var(--el-color-success);
  }

  &.danger {
    color: var(--el-color-error);
  }
}

.more-text {
  white-space: pre-wrap;
  word-break: break-word;
}